<template>
  <div>
    <!-- 第一种方法不带图片 -->
    <!-- <div class="qrcode" ref="qrCodeUrl"></div> -->
    <!-- 第二种方法带图片 -->
    <vue-qr
      :logoSrc="imageUrl"
      text="https://gitee.com/a935273918"
      :size="200"
    ></vue-qr>
  </div>
</template>
<script>
import QRCode from "qrcodejs2";
import vueQr from "vue-qr";
export default {
  data() {
    return {
      imageUrl: require("../assets/theme-img/home-active.png"), //icon路径
    };
  },
  methods: {
    // creatQrCode() {
    //   var qrcode = new QRCode(this.$refs.qrCodeUrl, {
    //     text: "https://gitee.com/a935273918", // 需要转换为二维码的内容
    //     width: 100,
    //     height: 100,
    //     colorDark: "#000000",
    //     colorLight: "#ffffff",
    //     correctLevel: QRCode.CorrectLevel.H,
    //   });
    // },
   
  },
   components: {
      vueQr,
    },
  mounted() {
    // this.creatQrCode();
  },
};
</script>